﻿
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: '微软雅黑', sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; }
a:hover { text-decoration:underline; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.fl{float: left;}
.fr{float: right;}
.lf {float: left;}
.rg {float: right;}

html{ overflow-x:hidden;}
.clear{ clear: both;height: 0px;line-height: 0px;font-size: 0px;}
a:hover{text-decoration: none;} 


.box{max-width:1200px;min-width:1000px;margin: 0 auto;}
#list{margin-left: 100px;}

#list .pagination{display: none;}


a.link {display: block;width: 288px;height: 48px;margin:0 auto;border:1px solid #ccc;text-align: center;line-height: 48px;color: #777;margin-top:80px; clear:both}
a:hover.link {background: #2270c5;color: #ffffff;}

/* 头部*/
.top{width: 100%;height:2px;background-color: #1e3d59;}

.banner { width:100%;  min-width:1000px;display:block;}
.banner .flexslider{ position:relative;height:auto;overflow:hidden;background: #d9d9d9;}
.banner .slides { position:relative;z-index:1;}
.banner .slides li { height:auto;}
.banner .slides li img{ width:100%; height:auto}
.banner .flex-control-nav { position:absolute; bottom:30px; z-index:99;width:100%; left:0px; text-align:center;} 
.banner .flex-control-nav li { display:inline-block; width:42px; height:10px; margin:0 10px;}
.banner .flex-control-nav li span { display:none;}
.banner .flex-control-nav li a { float:left; width:42px; height:10px; cursor:pointer; background:#fff;
									-webkit-box-shadow:0 0px 6px rgba(0, 0, 0, .4);  
									-moz-box-shadow:0 0px 6px rgba(0, 0, 0, .4);  
									 box-shadow:0 0px 6px rgba(0, 0, 0, .4); 
									 border-radius: 25px;
}
.banner .flex-control-nav li a.flex-active { background:#2270c5;}
.banner .flex-direction-nav{ display:none;}

/* 导航*/
.nav{ width:100%; max-width: 1920px;height: 120px; overflow:hidden;background: rgba(255,255,255,.7);z-index: 1000000;}
.nav .logo{float: left;}
.nav .bar{float: right;position: relative;}
.nav .bar ul li{float: left;}

.aaa>a{color: #2270c5;}
.nav .bar ul li{display: block;padding-top: 35px;text-align: center;width: 160px;float: left;font-size: 16px;color: #2270c5;line-height: 30px;height: 83px;position: relative;}
 #ul{position: absolute;left: -750px;   display: none;}
.nav .bar>ul>li:hover{background: rgba(255,255,255,0.50);border-bottom: 2px solid #216fc5;}

.nav .bar .nav_two{position: absolute;top: 120px;background: #fff;display: none;z-index: 1000;}
.nav .bar .nav_two .blue{   background: #2270c5;color: #fff;}
.nav .bar .aac .blue a{  color: #fff;}
.nav .bar .nav_two li{width: 160px;height: 40px;line-height: 40px;padding-top: 0;cursor: pointer;}
.nav .bar .nav_two li a{display: block;width: 160px;height: 40px;line-height: 40px;padding-top: 0;cursor: pointer;}
.nav ul .on{background: rgba(255,255,255,0.50);border-bottom:4px solid #216fc5;}
.nav .bar ul li a span{display: block;color: #888;font-size: 14px;padding-bottom: 10px;}
.nav .bar ul li .bg{background: url(../images/index_13.png) no-repeat center bottom;}





/****************************** 首页简介 ******************************/
.index_about{width: 100%;background: url(../images/index_bg.jpg) no-repeat center center;text-align: center;padding-top: 70px;margin-top: 120px;padding-bottom: 50px;}
.index_about h2{font-size: 36px;color: #fff;line-height: 1.5;background: url(../images/a_bg1.png) no-repeat center center;}
.index_about h3{font-size: 18px;color: #fff;margin-bottom: 40px;}
.index_about p{width: 650px;margin:0 auto;font-size: 14px;color: #fff;line-height: 1.5;}
.index_about a{display: block;width: 288px;height: 48px;margin:0 auto;border:1px solid #ccc;text-align: center;line-height: 48px;color: #fff;margin-top: 40px;}
.index_about a:hover{background: #fff;color: #2270c5;}





/****************************** 尾部 ******************************/
.foot{ min-width:1000px; background:#1c1a1a;/* margin-top:300px;*/}
.foot_top{ background:#efefef; height:121px;}
.foot_top .div1{ background:#2270c5; width:15%; height:121px; line-height:121px; text-align:center; color:#ccc; font-size:1.4rem;}
.foot_top .div1 a{ color:#fff !important;}
.foot_top .div3{ color:#5e5c5c; height:121px; line-height:121px;  font-size:14px;}
.foot_top .div3 span{ padding-top:10px; padding-bottom:10px; padding-left:50px; margin-left:20px;}
.foot_top .div3 .span1{ background:url(../images/1_42.jpg) left center no-repeat;}
.foot_top .div3 .span1 a{ color:#5e5c5c}
.foot_top .div3 .span2{ background:url(../images/1_43.jpg) left center no-repeat;}
.foot_top .div3 .span3{ background:url(../images/1_44.jpg) left center no-repeat; }
.foot_bottom{ height:178px;}
.foot_bottom .lf{ width:100%; position:absolute; background:url(../images/tj_02.jpg) top left repeat-x;}
.foot_bottom .lfa{ padding-right:161px;}
.foot_bottom .lfb{ padding-left:3%; padding-right:3%; display:block;}
.foot_bottom .lf .div1{ height:124px; overflow:hidden;}
.foot_bottom .lf .div1 .p1{ float:left;}
.foot_bottom .lf .div1 .p2{ float:right; line-height:124px; }
.foot_bottom .lf .div1 .p2 a{ color:#4c4c4c; font-size:16px;}
.foot_bottom .lf .div1 .p2 span{ margin-left:10px; margin-right:10px; color:#4c4c4c; }
.foot_bottom .lf .div1 .p2 a:hover{ color:#2270c5;}
.foot_bottom .lf .div2{ line-height:54px; height:54px;}
.foot_bottom .lf .div2 .p1{ float:left; color:#909090;}
.foot_bottom .lf .div2 .p2{ float:right;}
.foot_bottom .lf .div2 a{ color:#909090;}
.foot_bottom .lf .div2 a:hover{ color:#2270c5;}
.foot_bottom .lf .div2 span{ margin-left:10px; margin-right:10px; color:#5e5c5c; }
.foot_bottom .rg{ background:#2270c5; width:161px; height:174px; overflow:hidden;}
.foot_bottom .rg img{ position:relative; top:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.foot_bottom .rg:hover img{ top:-10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}






/****************************** 搜索 ******************************/
.souzif { line-height:67px; font-size:20px; font-weight: bold; color:#252f4d; margin-right:50px;}
.sousou { width:319px; margin-top:18px;}
.search_tu { float:right; width:60px; height:28px; overflow:hidden}
.search_tu input{}
.search_2 {float:left;}
.search_2 input{background:#fff; outline: none;height:26px; line-height:26px; color:#c7c7c7; margin:0; padding:0 0 0 10px;width:257px; border-bottom:solid 1px #d9d9d9; border-left:solid 1px #d9d9d9; border-top:solid 1px #d9d9d9; border-right:0px;}


.resou { margin-bottom:10px; margin-top:25px; color:#555}
.resou strong { font-size:14px; color:#333}
.resou a { color:#333}
.sou {height: 85px;overflow: hidden;background:#e6e6e6;}

.sou_c {overflow: hidden;width: 100%;display: block;margin: 30px auto 0 auto;}
.sou_c p{ margin-left:40px;}
.sou_c p a {color: #666;margin: 0 8px;}
.sou_c p a:hover{color:#2270c5; border-bottom:1px #2270c5 solid; }



/****************************** 产品 ******************************/
.pro_til span {font-size: 36px;color: #2270c5;text-align: center;font-weight: bold;margin: 0 auto;line-height: 70px;}

.dis {display: none;}

.pro_nor {overflow: hidden;min-width:1000px; max-width:1200px; margin:0px auto; background:url(../images/1_34.jpg) no-repeat top center; padding:100px 0 0 0;}


.pro_nor ul{ width:100%; margin:0 auto;}
.pro_nor li{ width:29%;height:350px; float:left; margin:20px; overflow:hidden; position: relative;box-shadow: 0px 0px 40px 3px rgba(0, 0, 0, 0.3);}
.pro_nor li > a{ height:280px; overflow:hidden; display:block; background:#fff;}
.pro_nor li a img{ width:100%; display:block;}
.pro_nor li span{ color:#333; padding:0 5%; width:90%; display:block; font-size:14px;}
.pro_nor li span > a{line-height:30px; }
.pro_nor li:hover span >a{color:#2270c5;}
.pro_nor li span > a:hover{color:#2270c5; }



.wtil {background:url(../images/wtil_bg.jpg) no-repeat center; width:100%; max-width:1200px; margin:20px auto;}
.wtil h2 {font-size: 36px;color: #2270c5;text-align: center;margin: 0 auto;line-height: 60px;}
.wtil h3{font-size: 16px;color: #767676;text-align: center;margin: 0 auto; padding:0 0 50px 0; line-height:30px;}

/****************************** 产品详细页 ******************************/
.product{}
.product h2{font-size:30px;color: #333;background: url(../images/8_03.jpg) bottom  center no-repeat;padding-bottom: 25px; margin-bottom:25px; text-align:center;}
.product p{ width:95%; display:block; line-height:30px;text-align:center;}
.product img{max-width:90%; display:block; margin:0 auto;}

.product td{ padding:4% 5%; width:200px}


/******************************单页/内容页******************************/
.banner_container{ width:100%; display:block; margin:0 auto;background: #d9d9d9;}
.banner_container img{ width:100%;}
.ny{ margin:5% auto 8% auto;  display: table;padding:0 2%;}


.bdsharebuttonbox{ width:250px; overflow:hidden; display:block; margin:8% auto 0 auto;}

.nav_link{ width:100%; position:fixed; z-index:999999; top:50%; left:0;font-family: simsun,sans-serif;font-size:20px; font-weight:800;}
.nav_link a{ border:1px #ccc solid; color:#ccc; width:50px; height:50px; text-align:center;display:block; margin:0 4%; line-height:50px; 
            -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; }
.nav_link a:hover{border:1px #2270c5 solid; color:#fff; background:#2270c5}

/******************************关于******************************/
.about_pic{ width:40%; display:block;}
.about_pic img{ border:20px #e6e6e6 solid; width:100%;}
.about_text{ width:52%; display:block;}
.about_text h2{ font-size:30px;color: #333;background: url(../images/8_03.jpg) bottom left no-repeat;padding-bottom: 25px; margin-bottom:25px;}
.about_text p{ font-size:16px; color: #555;line-height:32px;}

/******************************联系******************************/
.contact_pic{ width:52%; display:block;}
.contact_pic img{ border:20px #e6e6e6 solid; width:100%;}

.contact_text{ width:41%; display:block;}
.contact_text h2{ font-size:30px;color: #333;background: url(../images/8_03.jpg) bottom left no-repeat;padding-bottom: 25px; margin-bottom:25px;}
.contact_text p{ font-size:16px; color: #555;line-height:32px;}

.contact_map{ background:#e6e6e6;width:55%;}
.contact_map iframe{ padding:4%; display:block; margin:0 auto;}
/******************************设备******************************/
.production img { max-width:90%; display:block; margin:0 auto;}
.production h2{ font-size:30px;color: #333;background: url(../images/8_03.jpg) bottom  center no-repeat;padding-bottom: 25px; margin-bottom:25px; text-align:center;}
.production p{ width:95%; display:block; margin:0 auto; line-height:30px;}

/****************************** 分页 ******************************/
.pagnation { text-align: center; margin:5% auto; clear:both; padding-bottom:40px;}
.pagnation a { display: inline-block; width: 30px; height: 30px; line-height: 30px; overflow: hidden; background: url(../images/ico.png) no-repeat 0 -184px; margin-left: 4px; font-size:14px; vertical-align: top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.pagnation a:hover { background-position: 0 -218px; color: #fff; text-decoration: none }
.pagnation .page-prev, .pagnation .page-next { line-height: 555px; }
.pagnation .page-prev { background-position: -35px -184px; }
.pagnation .page-prev:hover { background-position: -35px -218px; }
.pagnation .page-next { background-position: -70px -184px; }
.pagnation .page-next:hover { background-position: -70px -218px; }
.pagnation .current { background-position: 0px -218px; color: #fff }
.pagnation-tips { margin-top: 10px; color: #999; text-align: center }

@media only screen and (max-width: 1100px) {
.nav .bar ul li{display: block;padding-top: 35px;text-align: center;width: 140px;float: left;font-size: 16px;color: #2270c5;line-height: 30px;height: 83px;position: relative;}
.sou_c {overflow: hidden;width: 90%; min-width:980px; display: block;margin: 30px auto 0 auto;}
}

